$(function () {
  init();

  function init() {
    getData();

  }


  //获取数据
  function getData() {
    //获取商店的信息
    $.get("http://193.112.55.79:9090/api/getgsshop", function (res) {
      //console.log(res);
      var ul1 = template("shopTmp", {
        "data": res.result
      })
      $('.shop').html(ul1);
    });

    //获取区域的信息
    $.get("http://193.112.55.79:9090/api/getgsshoparea", function (res) {
      //console.log(res.result);
      var ul2 = template("areaTmp", {
        "arr": res.result
      })
      $('.area').html(ul2);
      changeGood();
    });

    //获取商品信息
    $.get("http://193.112.55.79:9090/api/getgsproduct", {
      "shopid": 0,
      "areaid": 0
    }, function (res) {
      //  console.log(res);
      var ul3 = template("goodInfo", {
        "data": res.result
      })
      $('.bd').html(ul3);
    })



  }

  //点击事件
  function changeGood() {
    /* 显示地区列表 */
    $('.navList').on('click', function (e) {
      var ele = e.target;
      
      var navPop = $(ele).parent().find('.popbox');
      $(ele).parent().siblings().find(".popbox").removeClass("on");
      navPop.addClass('on');
      //$('.fa-caret-up').toggle(navPop.toggle());
      
    });

    /* 给搜索注册点击事件 */
    var flag = 1;
    $('.search').on('click', function () {
      if (flag == 1) {
        $('.fa-close').css('display', 'block');
        $('.fa-list-ul').css('display', 'none');
        $('.popsearch').addClass('on');
        flag = 0;
      } else {
        $('.fa-close').css('display', 'none');
        $('.fa-list-ul').css('display', 'block');
        $('.popsearch').removeClass('on');
        flag = 1;
      }
    })

    /* 显示商品详情 */
    $('.goods').on('click', function (e) {
      //console.log(e.target);
      console.log(this);
      $(this).siblings().find('.fa-check').css("display", "none");
      $(this).find('.fa-check').css("display", "block");

      /* 发送数据 */
      $.get("http://193.112.55.79:9090/api/getgsproduct", {
        "shopid": 1,
        "areaid": 1
      }, function (res) {
        //  console.log(res);
        var ul3 = template("goodInfo", {
          "data": res.result
        })
        $('.bd').html(ul3);
        $('.popbox').removeClass('on');
      })

    })

  }

})